html,
body {
  height: 100%;
  width: 100%;
}
html {
  // 1rem
  font-size: 100px;
}
body {
  font-size: 16px;
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
}

*:not([class^='el-']) {
  box-sizing: border-box;
}
.white {
  background-color: #ffffff;
}
a {
  text-decoration: none;
}
.gray {
  background-color: #eef0f3;
}
.mr10 {
  margin-right: 0.1rem;
}
.mr20 {
  margin-right: 0.2rem;
}
.ml10 {
  margin-left: 0.1rem;
}
.ml20 {
  margin-left: 0.2rem;
}
.mb20 {
  margin-bottom: 0.2rem;
}
.m-lr10 {
  margin-left: 0.1rem;
  margin-right: 0.1rem;
}
.p20 {
  padding: 0.2rem;
}
.pt10 {
  padding-top: 0.1rem;
}
.pt20 {
  padding-top: 0.2rem;
}
.pl10 {
  padding-left: 0.1rem;
}
.pl20 {
  padding-left: 0.2rem;
}
.text-right {
  text-align: right;
}
.fr {
  float: right;
}
.flex {
  display: flex;
}
.flex-between {
  display: flex;
  justify-content: space-between;
}
.flex-center {
  display: flex;
  justify-content: center;
}
.tips {
  margin-left: 0.15rem;
  color: #787878;
}

/*
* 公共样式
*/
.query-form {
  background-color: #ffffff;
  padding: 0.22rem 0.2rem 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.base-table {
  border-radius: 5px;
  background: #ffffff;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  .action {
    border-radius: 0.05rem 0.05rem 0 0;
    background: #ffffff;
    padding: 0.2rem;
    border-bottom: 0.01rem solid #ece8e8;
    -webkit-border-radius: 0.05rem 0.05rem 0 0;
    -moz-border-radius: 0.05rem 0.05rem 0 0;
    -ms-border-radius: 0.05rem 0.05rem 0 0;
    -o-border-radius: 0.05rem 0.05rem 0 0;
  }
  .pagination {
    text-align: right;
    padding: 0.1rem;
  }
}
